<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css">
<script src="Bootstrap/js/jquery-1.11.1.min.js"></script>
<script src="Bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(function() {
		
	});
</script>
<style type="text/css">
body,html {
	font-family: "微软雅黑";
	color: gray;
}

#myModalLabel{
margin-left: 42%;
}
.bottom-menu td {
	padding-top: 6px;
	font-size: 13px;
	height: 50px;
	width: 200px;
}
.my-center {
	background: #B22222;
	text-align: center;
}

.my-head {
	height: 80px;
	width: 80px;
	border-radius: 80px;
	border: 2px solid #66ffff;
	margin-left: 38%;
}

.head {
	padding-top: 10px;
	margin-left: 0;
	text-align: left;
	line-height: 25px;
	height: 90px;
}

.modal-body {
	height: 350px;
	margin-top: 30px;
}.glyphicon-chevron-right{
float: right;
}.basic-info{
text-align: center;
}
.modal-content{
margin-top: 90px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	border: 0px;
	background-color: #33CCCC;
}
</style>
</head>
<body>
	<!--列表组-->
	<div style="background: url('images/3.jpg');">
	<a class="list-group-item active my-center">
	<span class="glyphicon glyphicon-chevron-left" style="float: left;" onclick="javascript:history.back(-1);">
	</span>设置</a>
	<div class="head"><a data-toggle="modal" data-target="#myModal" href="#"><img src="images/defaultHead.jpg" class="my-head" /></a></div><br>
	<div class='basic-info'>会员：1级&nbsp;&nbsp;奖励：******</div><br>
	</div>
	<div style="height:40px;">
		<a class="list-group-item" href="updateInfo.html">
			<span class="glyphicon glyphicon-refresh"></span>
			修改个人资料<span class="icon_right glyphicon glyphicon-chevron-right" ></span>
		</a>
		<a class="list-group-item" href="updatePwd.html">
			  <span class="glyphicon glyphicon-pencil"></span>
		修改密码<span class="icon_right glyphicon glyphicon-chevron-right" ></span>
		</a>
				
		<a data-toggle="modal" data-target="#myModal1" href="#" class="list-group-item">
			  <span class="glyphicon glyphicon-circle-arrow-right"></span>
		关于<span class="icon_right glyphicon icon_right glyphicon glyphicon-chevron-right" ></span>
		</a>
		<a href="login.html"><input type="button" class="btn btn-primary btn-sm btn-block" style="margin-top: 40px;background-color: #33CCCC;border: 0px;"
				value="退出当前帐号"></a>
</div>
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal1" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">关于</h4>
				</div>
				<div class="modal-body" style="height: 350px;">
					当前系统版本为测试版本1.11<br> <br> 1.本系统使用APPCAN打包，适用于安卓手机！<br>
					<br> 2.本系统版权所有，属统本软件1401班学生：张凤。<br /> <br> 3.技术支持：张凤<br />
					<br> 4.使用技术：jquery，jquery mobile；<br>&nbsp;&nbsp;数据库：localstorage，Websql。<br /> <br> 5.联系方式：<a href="tel:17868803025">17868803025</a><br />
					 &nbsp;&nbsp;邮箱：<a href="email:995716523@qq.com">995716523@qq.com</a>
									</div>
			</div>
		</div>
		<!-- /.modal -->
	</div>
	<!-- 帮助中心结束 -->
</body>
</html>